<template>
<div>
    <van-nav-bar class="head" title="口碑榜单" left-text="" left-arrow @click-left="onClickLeft" />
    <van-cell title="红包"  to="invitation" class="hongbao" label="邀请好友"/>
    <van-cell title="返回首页"  to="Home" class="red" />
</div>
</template>
<script>
export default{
   methods:{
     onClickLeft(){
        this.$router.push({path:"/NPSlistDetails"}).catch(error=>error);

     }
   }
}
</script>
<style scoped lang="less">
.head {
  width: 100%;
  height: 51px;
  color: rgba(80, 80, 80, 1);
  background-color: rgba(239, 239, 239, 1);
  top: 0;
}
/deep/.van-nav-bar .van-icon{
  color: rgba(153, 153, 153, 1);
}
/deep/.van-nav-bar__title{
  color: rgba(42, 131, 78, 1);
  font-size: 18px;
}
/deep/.van-cell__title, .van-cell__value{
	width: 200px;
	height: 329px;
	color: rgba(80, 80, 80, 1);
	background-color: rgba(229, 229, 229, 1);
	text-align: center;
	font-size: 32px;
}
/deep/.red .van-cell__title, .van-cell__value{
    background-color: white;
	text-align: center;
	font-size: 14px;
}

.hongbao {
    // flex-direction: column;
    margin: 0 53px;
    width: 269px;
    text-align: center;
    .van-cell__label {
          margin-top: 7.10667rem;
    }
    .van-cell__title span{
        left: 100px;
    }
}
span{
        position: absolute;
    left: 154px;
    top: 52px;
}
</style>
